.img_face{
  height: 90px;
  width: 50%;
  border: 1px solid #ccc;
  border-radius: 50%;
  margin: 20% auto;
  background-color: #FFFFFF;
}
.img_text{
  text-align: center;
  border-bottom: 1px solid #FFFFFF;
  font-size: 2rem;
}
.img_text1{
  margin-top: 150%;
}
.img_text2{
  margin-top: 50%;
  text-align: center;
}
.img_text3{
  margin-top: 20%;
  text-align: center;
  border-bottom: 1px solid #FFFFFF;
  font-size: 2rem;
}
.img_text4{
  margin-top: 20%;
  margin-bottom: 50%;
  text-align: center;
  border-bottom: 1px solid #FFFFFF;
  font-size: 2rem;
}
.result{
  font-size: 2rem; 
}

.header{
  background-color: #005689;
  color: #FFFFFF;
  font-family:"Microsoft YaHei";
}
.header_1{
  background-color: #007CB9;
  height: 3px;
  top: 3px;
}
.header-nav{
  margin-top: 1rem;
  height: 0.3rem;
  background-color:#FCE38A ;
}
.con-form{
  border: 0.3rem solid #FCE38A;
  margin-top: 1rem;
  text-align: center;
}
.information{
  border: 0.3rem solid #FCE38A;
  margin-top: 1rem;
  margin-left: 8rem;
}
.title{
  font-size: 2.5rem;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.description{
  font-size: 1.7rem;
}
.ana_result{
  margin-top: 5rem;
}
.footer{
    background-color:#0E5F76; 
}
.footer_img{
    height: 200px;
    width: 100%;
}


.header>.container-fluid>.navbar-header>a{
  color: #FFFFFF;
}
.header>.container-fluid>.nav>li>a{
  color: #FFFFFF;
}
.box{
  border: 2px solid #ccc;
  height: 200px;
  margin-top: 15px;
}
.content{
  background-color: #A2D5F2;
  color: #FFFFFF;
  margin-top: 1.8%;
}
.con_left{
  background-color: #A2D5F2;
  margin-top: 1.8%;
}

body{
  background-color: #FAFAFA;
}